<%@page import="Dao.ProductoDAO"%>
<%@page import="Dto.CatalogoDTO"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Dto.ProductoDTO"%>
<%@page import="Dto.ClienteDTO"%>
<!doctype html>
<html><!-- InstanceBegin template="/Templates/PlantillaCliente.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<%
            response.setHeader("Cache-Control","no-cache");
            response.setHeader("Cache-Control","no-store");
            response.setDateHeader("Expires", 0);              
%>
<!-- InstanceBeginEditable name="titulo" -->
<title>Catalogo</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="enlaces" -->
<link href="estilos/estiloCliente.css" rel="stylesheet" type="text/css">
<link href="estilos/catalogosTabla.css" rel="stylesheet" type="text/css">
<link href="estilos/menuLateral.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="imgenes/light-bulb-151383_1280.png" />
<!-- InstanceEndEditable -->
</head>
<body>
    <%
             HttpSession sesion = request.getSession(false);
            ClienteDTO pdt = new ClienteDTO();
            if(sesion.getAttribute("user") == null){
                 response.sendRedirect("error404.jsp?msg=no puede ingresar");
            }else{
                 pdt =(ClienteDTO) sesion.getAttribute("user");
             }
      %>
<div class="superior"> 
  
  <!--Logo imagen principal-->
  <div id="desplegable"> <img id="men" src="imgenes/usuaio.png"><p> <%if(pdt != null){ out.println(pdt.getNombre());}else{out.println("usuario");}%> <p> <img id="menuser" src="imgenes/menu2.png">
    <div id="imagenArriba"> <img id="imagenusuario" src="imgenes/10153824_822348324496430_2151872718517624705_n.jpg"> </div>
    <div id="contenedorDesplegable">
      <div id="perfil" class="contenedor-logos"> 
        <!--<div class="logo">
				</div>
				<p class="title-menu">Perfil</p>-->
        
        <div id="derecho">
          <h1> <a href="ActualizarInfo.jsp">Perfil</a></h1>
        </div>
        <div id="izquierdo"> <img src="imgenes/perfil.png">  </div>
      </div>
      <div id="carrarsesion">
        <div id="derecho1">
          <h1> <a href="#">Cerrar sesion</a></h1>
        </div>
        <div id="izquierdo1"> <img  src="imgenes/salida.png"> </div>
      </div>
    </div>
  </div>
  <form action="">
    <input type="search" name="nombre" placeholder="Buscar">
  </form>
  <nav id="menu">
    <ul>
      <li> <a href="inicioCliente.jsp" id="inicio">INICIO</a></li>
      <li><a href="catalogoCliente.jsp" id="catalogo">CATALOGO</a></li>
      <li><a href="pedidoCliente.jsp" id="pedido">PEDIDO</a></li>
      <li><a href="ayuda.jsp" id="ayuda">AYUDA</a></li>
    </ul>
  </nav>
  <!-- InstanceBeginEditable name="migapan" -->
  <div id="miga">
    <nav id="migaPan" >
      <ul>
        <li > <a href="inicioPublico.jsp">Inicio</a>
          <h1 class="separador"> > </h1>
        </li>
        <li > <a href="catalogoCliente.jsp">Catalogo </a> </li>
         <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li><a href="../CerrarSesion">Cerrar Sesion </a>   </li>
      </ul>
    </nav>
  </div>
  <!-- InstanceEndEditable --> </div>
<!-- InstanceBeginEditable name="miga" -->
<div class="bajo"> </div>
<!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="contenido" -->
<div class="inferior">
  
  <div class="ayuda"> <a  onClick="history.back()"   title="Atras"> <img  src="imgenes/atras.png" width="30px" height="30px"> </a> 
    <!--Le puedo pasar el history back desde el href sin necesidad de usar el one clic--> 
  </div>
    <% 
        ArrayList<ProductoDTO>lista = ProductoDAO.listarProductos();
    %>
    
  <div class="derecho" >
    <div id="catalogoSection">
      <titlte>
      CATALOGO DE OFICINA
      </title>
    </div>
    <table id="catalogos"  >
      
          <% 
            for(ProductoDTO prod: lista){
            %>
            <tr>
                <td><img src="ImagenesCatalogo/lamp1.jpg" class="imagen">
                  <div class="cajaPrecio">
                    <p><%=prod.getNombreProducto()%></p>
                    <div class="info">
                        <div class="valorProducto"><%=prod.getPrecio()%> </div>
                    </div>
                        <a class="enlaces" href="anadirproductocarrito.jsp?id=<%=prod.getIdProducto()%>" > Comprasss </a>
                    </div>
                </td>
                <td><img src="ImagenesCatalogo/lamp1.jpg" class="imagen">
                  <div class="cajaPrecio">
                    <p><%=prod.getNombreProducto()%></p>
                    <div class="info">
                        <div class="valorProducto"><%=prod.getPrecio()%> </div>
                    </div>
                        <a class="enlaces" href="pedidoCliente.jsp?id=<%=prod.getIdProducto()%>" > Comprasss </a>
                    </div>
                </td>
                <td><img src="ImagenesCatalogo/lamp1.jpg" class="imagen">
                  <div class="cajaPrecio">
                    <p><%=prod.getNombreProducto()%></p>
                    <div class="info">
                        <div class="valorProducto"><%=prod.getPrecio()%> </div>
                    </div>
                        <a class="enlaces" href="pedidoCliente.jsp?id=<%=prod.getIdProducto()%>" > Comprasss </a>
                    </div>
                </td>
            </tr>
           <% } %> 
    <!-- 
      <tr>
        <td><img src="ImagenesCatalogo/lamp4.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000</div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div></td>
        <td><img src="ImagenesCatalogo/lamp5.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000</div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div></td>
        <td><img src="ImagenesCatalogo/lamp6.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000</div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div></td>
      </tr>
      <tr>
        <td><img src="ImagenesCatalogo/lamp7.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000 </div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div></td>
        <td><img src="ImagenesCatalogo/lamp8.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000 </div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div></td>
        <td><img src="ImagenesCatalogo/lamp9.jpg" class="imagen">
          <div class="cajaPrecio">
            <p> Bombilla </p>
            <div class="info">
              <div class="valorProducto">$ 2000 </div>
            </div>
            <a class="enlaces" href="#" > Comprar </a> </div></td>
      </tr>
      -->
    </table>
  </div>
  
  <div class="cuerpo1">
    <nav id="barraLateral">
      <ul>
        <li>
          <input type="text" id="buscador" placeholder=" Buscar">
        </li>
    
        <li> <a class="barra" href="#">Hogar</a> </li>
        <li> <a class="barra" href="#">Oficina</a> </li>
        <li> <a class="barra" href="#">Negocio</a> </li>
        <li> <a class="barra" href="#">Mas vendidos</a> </li>
        <li> <a class="barra" href="#">Todos</a> </li>
      </ul>
    </nav>
  </div>
  <div class="Pie">
  
  
  </div>
</div>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>
